<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/register.css" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/header.css">
		<link rel="stylesheet" href="./css/summary.css">
		<link rel="stylesheet" href="./css/popularize.css">
		<link rel="stylesheet" href="./css/liveStrm.css">
		<link rel="stylesheet" href="./css/animate.css">
		<link rel="stylesheet" href="./css/fanju.css">
		<link rel="stylesheet" href="./css/fjDongTai.css">
		<link rel="stylesheet" href="./css/guoChuang.css">
		<link rel="stylesheet" href="./css/gcyc.css">
		<link rel="stylesheet" href="./css/music.css">
		<link rel="stylesheet" href="./css/talkMusic.css">
		<link rel="stylesheet" href="./css/tbtj.css">
		<link rel="stylesheet" href="./css/footer.css">
		<link rel="stylesheet" href="./css/siderBar.css">
		<title>噼哩噼哩~-pilipili</title>
		<link rel="shortcut icon" href="./img/peach.ico" />
	</head>

	<script src="./js/register.js"></script>
	<body>
		<header>
			<div class="blurBg"></div>
			<nav>
				<div class="nav-wrapper">
					<ul>
						<li>
							<a href="index.php">主站</a>
						</li>
					</ul>
					<div class="upUser">
						<a href="./login.html">
							<img src="./img/akari.jpg" alt="">
						</a>
						<a style="display: none"> </a>
						<span>
							<a href="upload.php">投稿</a>
						</span>
					</div>
				</div>
			</nav>
			<div class="header-content">
				<a href="index.php">
					<img src="./img/biliLogo.png" alt="">
				</a>
				<div class="rankAndSearch">
					<form action="search.php" type="post">
						<input type="text" name="keyword" placeholder="搜索">
						<input type="submit">
					</form>
				</div>
			</div>
		</header>



		<div class="title-line">
			<span class="tit" style="font-size: 38px;">注册</span>
		</div>

		<div class="reg-box">
			<div class="reg-left">
				<form action="register1.php" method="post" style="margin-left: auto; margin-right: auto;" name="register" >

					<div class="lo-acc">
						<input type="text" name="acc_num" placeholder="账号" style="text-indent:10px;border: 1px solid  #B8C0CC; height: 40px; width: 400px; border-radius: 5px;" />
					</div>

					<div class="lo-pas">
						<input type="password" name="password" placeholder="密码" style="text-indent:10px;border: 1px solid  #B8C0CC; height: 40px; width: 400px;border-radius: 5px;" />
					</div>

					<div class="re-pas">
						<input type="password" name="password1" placeholder="再次输入密码" style="text-indent:10px;border: 1px solid  #B8C0CC; height: 40px; width: 400px;border-radius: 5px;" />
					</div>

					<div class="lo-pas">
						<input disabled name="sec" placeholder="请在下方设置安保问题答案 < 你最爱的词语是？>" style="text-indent:10px;border: 1px solid  #B8C0CC; height: 40px; width: 400px;border-radius: 5px;" />
					</div>

					<div class="re-pas">
						<input type="text" name="sec_ques" placeholder="请输入上述问题答案并牢记" style="text-indent:10px; border: 1px solid  #B8C0CC; height: 40px; width: 400px;border-radius: 5px;" />
					</div>


			</div>

			<div class="line"></div>

			<div class="reg-right">

					<div class="reg-name">
						昵称：<input type="text" name="user_name" placeholder="你的昵称" style="text-indent:10px;border: 1px solid  #B8C0CC; height: 30px; width: 250px; border-radius: 5px;">
					</div>

					<div class="reg-sex">
						性别：&nbsp;<input type="radio" name="sex" value="男" style="margin-right: 10px" checked>男 <input type="radio" name="sex" value="女" style="margin-left: 60px; margin-right :10px;">女
					</div>

					<div class="reg-sex">
						选择你的头像：<br>
						<img class="image" src="./img/face1.png" id="face1.png" onclick="SelectFace(this)" style="border: white;cursor: pointer;">
						<img class="image" src="./img/face2.png" id="face2.png" onclick="SelectFace(this)" style="border: white;cursor: pointer;">
						<img class="image" src="./img/face3.png" id="face3.png" onclick="SelectFace(this)" style="border: white;cursor: pointer;">
						<img class="image" src="./img/face4.png" id="face4.png" onclick="SelectFace(this)" style="border: white;cursor: pointer;">
						<img class="image" src="./img/face5.png" id="face5.png" onclick="SelectFace(this)" style="border: white;cursor: pointer;">
						<img class="image" src="./img/face6.png" id="face6.png" onclick="SelectFace(this)" style="border: white;cursor: pointer;">
						<img class="image" src="./img/face7.png" id="face7.png" onclick="SelectFace(this)" style="border: white;cursor: pointer;">
						<img class="image" src="./img/face8.png" id="face8.png" onclick="SelectFace(this)" style="border: white;cursor: pointer;">

						<input id="reg1" type="hidden" name="img" value="">
					</div>
				</form>
			</div>

			<div style="text-align: center;">
				<button class="lo-log" onclick="register.submit()">注册</button>
			</div>

			<div class="forget">
				<a href="login.html">已有账号，直接登录&gt;</a>
			</div>

		</div>
	</body>
</html>
